<!DOCTYPE html>
<html lang="en">
<head>
    <title>综治首页</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!--IE setter 设置IE以何种方式渲染-->
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">

    <!--response setter 设置响应式-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!--清除默认样式-->
    <link rel="stylesheet" href="http://necolas.github.io/normalize.css/">

    <!--bootstrap 文件-->
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" >

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="js/jquery.min.js"></script>

    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <link href="ie10-viewport-bug-workaround.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="dashboard.css" rel="stylesheet">

    <link href="zongzhi.css" rel="stylesheet">


    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="https://v3.bootcss.com/examples/dashboard/#">Project name</a>
        </div>
        <div id="navbar" class="navbar-collapse collapse" aria-expanded="false" style="height: 1px;">
            <ul class="nav navbar-nav navbar-right">
                <li><a href="https://v3.bootcss.com/examples/dashboard/#">Dashboard</a></li>
                <li><a href="https://v3.bootcss.com/examples/dashboard/#">Settings</a></li>
                <li><a href="https://v3.bootcss.com/examples/dashboard/#">Profile</a></li>
                <li><a href="https://v3.bootcss.com/examples/dashboard/#">Help</a></li>
            </ul>
            <form class="navbar-form navbar-right">
                <input type="text" class="form-control" placeholder="Search...">
            </form>
        </div>
    </div>
</nav>
<div class="parent">
    <div class="left-box">
        <ul class="nav nav-sidebar">
            <li class="active"><a href="#">常规操作</a></li>
            <li><a href="#">网格员</a></li>
        </ul>
    </div>
    <div class="right-box">
        <div class="right-top">#top2</div>
        <div class="row auto-height">
            <div class="col-xs-12 col-sm-6 col-md-3">
                <img src="https://images.unsplash.com/photo-1446797376004-9352dfc9f789?ixlib=rb-0.3.5&s=ccee8b6a2a8b64495e5c5899f38938d4&auto=format&fit=crop&w=500&q=60" alt="摄影">
                <img src="https://picsum.photos/458/354?image=1067" alt="摄影">
                <img src="https://picsum.photos/458/354?image=1064" alt="摄影">
                <img src="https://images.unsplash.com/photo-1463171379579-3fdfb86d6285?ixlib=rb-0.3.5&s=32c614fda51314133a608145f4295a84&auto=format&fit=crop&w=500&q=60" alt="摄影">
                <img src="https://picsum.photos/458/354?image=1057" alt="摄影">
                <img src="https://picsum.photos/458/354?image=182" alt="摄影">
                <img src="https://picsum.photos/458/354?image=189" alt="摄影">
            </div>
            <div class="col-xs-12 col-sm-6 col-md-3">
                <img src="https://picsum.photos/458/354?image=1054" alt="摄影">
                <img src="https://picsum.photos/458/354?image=1049" alt="摄影">
                <img src="https://picsum.photos/458/354?image=1042" alt="摄影">
                <img src="https://picsum.photos/458/354?image=1039" alt="摄影">
                <img src="https://images.unsplash.com/photo-1448357019934-caa4696bb949?ixlib=rb-0.3.5&s=0915d91fca74bcb217558ead0aa8ca38&auto=format&fit=crop&w=500&q=60" alt="摄影">
                <img src="https://picsum.photos/458/354?image=1015" alt="摄影">
            </div>
            <div class="col-xs-12 col-sm-6 col-md-3">
                <img src="https://images.unsplash.com/photo-1446797376004-9352dfc9f789?ixlib=rb-0.3.5&s=ccee8b6a2a8b64495e5c5899f38938d4&auto=format&fit=crop&w=500&q=60" alt="摄影">
                <img src="https://picsum.photos/458/354?image=1067" alt="摄影">
                <img src="https://picsum.photos/458/354?image=1064" alt="摄影">
                <img src="https://images.unsplash.com/photo-1463171379579-3fdfb86d6285?ixlib=rb-0.3.5&s=32c614fda51314133a608145f4295a84&auto=format&fit=crop&w=500&q=60" alt="摄影">
                <img src="https://picsum.photos/458/354?image=1057" alt="摄影">
                <img src="https://picsum.photos/458/354?image=182" alt="摄影">
                <img src="https://picsum.photos/458/354?image=189" alt="摄影">
            </div>
            <div class="col-xs-12 col-sm-6 col-md-3">
                <img src="https://picsum.photos/458/354?image=1054" alt="摄影">
                <img src="https://picsum.photos/458/354?image=1049" alt="摄影">
                <img src="https://picsum.photos/458/354?image=1042" alt="摄影">
                <img src="https://picsum.photos/458/354?image=1039" alt="摄影">
                <img src="https://images.unsplash.com/photo-1448357019934-caa4696bb949?ixlib=rb-0.3.5&s=0915d91fca74bcb217558ead0aa8ca38&auto=format&fit=crop&w=500&q=60" alt="摄影">
                <img src="https://picsum.photos/458/354?image=1015" alt="摄影">
            </div>
        </div>
    </div>
</div>

<!--<div class="container-fluid">-->
    <!--<div class="row">-->
        <!--<div class="col-sm-3 col-md-2 sidebar">-->
            <!--<ul class="nav nav-sidebar">-->
                <!--<li class="active"><a href="#">常规操作</a></li>-->
                <!--<li><a href="#">网格员</a></li>-->
            <!--</ul>-->
        <!--</div>-->
        <!--<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">-->
            <!--<h1 class="page-header">Dashboard</h1>-->

            <!--<div class="row placeholders">-->
                <!--<div class="col-xs-6 col-sm-3 placeholder">-->
                    <!--<img src="" width="200" height="200" class="img-responsive" alt="Generic placeholder thumbnail">-->
                    <!--<h4>Label</h4>-->
                    <!--<span class="text-muted">Something else</span>-->
                <!--</div>-->
                <!--<div class="col-xs-6 col-sm-3 placeholder">-->
                    <!--<img src="" width="200" height="200" class="img-responsive" alt="Generic placeholder thumbnail">-->
                    <!--<h4>Label</h4>-->
                    <!--<span class="text-muted">Something else</span>-->
                <!--</div>-->
                <!--<div class="col-xs-6 col-sm-3 placeholder">-->
                    <!--<img src="" width="200" height="200" class="img-responsive" alt="Generic placeholder thumbnail">-->
                    <!--<h4>Label</h4>-->
                    <!--<span class="text-muted">Something else</span>-->
                <!--</div>-->
                <!--<div class="col-xs-6 col-sm-3 placeholder">-->
                    <!--<img src="" width="200" height="200" class="img-responsive" alt="Generic placeholder thumbnail">-->
                    <!--<h4>Label</h4>-->
                    <!--<span class="text-muted">Something else</span>-->
                <!--</div>-->
            <!--</div>-->

            <!--<h2 class="sub-header">Section title</h2>-->
            <!--<div class="table-responsive">-->
                <!--<table class="table table-striped">-->
                    <!--<thead>-->
                    <!--<tr>-->
                        <!--<th>#</th>-->
                        <!--<th>Header</th>-->
                        <!--<th>Header</th>-->
                        <!--<th>Header</th>-->
                        <!--<th>Header</th>-->
                    <!--</tr>-->
                    <!--</thead>-->
                    <!--<tbody>-->
                    <!--<tr>-->
                        <!--<td>1,001</td>-->
                        <!--<td>Lorem</td>-->
                        <!--<td>ipsum</td>-->
                        <!--<td>dolor</td>-->
                        <!--<td>sit</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td>1,015</td>-->
                        <!--<td>sodales</td>-->
                        <!--<td>ligula</td>-->
                        <!--<td>in</td>-->
                        <!--<td>libero</td>-->
                    <!--</tr>-->
                    <!--</tbody>-->
                <!--</table>-->
            <!--</div>-->
        <!--</div>-->
    <!--</div>-->
<!--</div>-->
</body>
</html>